((doc) => {
    // 获取元素
    let hover_text = doc.querySelector('.hover-text');
    let hover_img = doc.querySelector('.hover-img');

    // 初始化
    const init = () => {
        bindEvent();
    };

    const bindEvent = () => {
        doc.addEventListener('mousemove', (e) => showHoverCon(e));
    };

    // 事件函数;

    function showHoverCon(e) {
        // 鼠标位置
        let x = e.clientX;
        let y = e.clientY;
        // 将坐标赋给图片
        hover_img.style.transform = `translate(${x}px,${y}px)`;
        // 将坐标分别赋值给自定义属性 --x --y
        hover_text.style.setProperty('--x', x + 'px');
        hover_text.style.setProperty('--y', y + 'px');
    }

    init();
})(document);
